<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程详情页</title>
</head>

<body class="dpflex fdc">

    <!-- 内容区域 -->
    <div class="main flex1">
        <!-- 视频区域 -->
        <div class="video " id="videos">
           <img src="../img/advertisement-bg.jpg" alt=""> 
            <i id="back" class="iconfont zp-left back"></i><!--   返回图标  -->
            <p class="iconfont zp-play videos ">
             
            </p>
            <span class="fonttxt">视频预览</span>
        </div>
        <!-- 下面文字区域 -->
        <div class="text">
            <ul>
                <li class="visit">
                    <h3 class="Subtitle">巧克力腹肌雕刻</h3>
                    <p class="Kilocalorie"><span class="number">45</span>千卡 </p>
                    <p class="Kilocalorie-to"><span class="number-to">15</span>分钟 </p>
                    <p class="null">99.99w人练过 <span id="Practiced" class="iconfont zp-right Practiced"></span></p>
                </li>
                <li class="user">
                    <p class="portrait"></p>
                    <h4 class="user-toa">用户名</h4>
                    <span class="user-tob">三线达人课程设计师</span>
                    <p class="follow">+关注</p>

                </li>

                <li>
                    <p class="textCoun">15分钟将带你雕刻出性感的巧克力父级， 对腹部进行全方位的刺激，泵感十足！型男必备! ... 更多</p>
                </li>

                <li class="su">
                        <p class="iconfont zp-dynamic left">练习频次</p>
                        <span class="left-to">每周3-5次</span>
    
                        <p class="iconfont zp-facility right">器械</p>
                        <span class="right-to">无</span>
                    
                </li>
            </ul>

        </div>
    </div>
    <!-- 开始训练按钮 -->
    <button id="startBtn" class="start-btn">开始训练</button>
  
    <!--  引入axios -->
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</body>

</html>